$(function () {
    let layer = layui.layer
    //获取图片列表
    function getPic() {
        $("#tb").empty()
        $.ajax({
            url: "admin/swipers",
            success: function (res) {
                console.log(res)
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                $(template("template", res)).appendTo($("#tb"))
            }
        })
    }
    getPic()

    //删除按钮删除图片
    $("#tb").on("click", ".delBtn", function () {
        let id = $(this).attr("data-id")
        // console.log(id)
            layer.confirm('确认要删除吗?', { icon: 3, title: '提示' }, function (index) {
                $.ajax({
                    url: "admin/swipers/" + id,
                    type: "delete",
                    success: function (res) {
                        if (res.status !== 0) {
                            return layer.msg(res.message)
                        }
                        //删除成功在次获取一下
                        getPic()
                    }
                })

                layer.close(index);
            });
        })

    //点击按钮切换图片的状态
    $("#tb").on("click",".btn",function(){
        let status
        if($(this).hasClass("change")){
            $(this).text("√")
            status = 1
        }else{
            $(this).text("×")
            status = 2
        }
        $(this).toggleClass("change")

        let id = $(this).attr("data-id")
        $.ajax({
            url:"admin/swipers/"+id,
            type: "put",
            data: {status},
            success: function(res){
                if(res.status!==0){
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
            }
        })
    })

    //上传图片
    $(".udpBtn").click(function(){
        $("#upload").click()
    })
    $("#upload").change(function(event){
        let files = event.target.files
        // console.log(this.files)
        // console.log(event.target.files)
        let fd = new FormData()
        $.each(files,function(index,item){
            fd.append("swipers",item)
        })
        // console.log(fd.getAll("swipers"))

        $.ajax({
            url:"admin/swipers",
            type:"post",
            data:fd,
            contentType: false,
            processData: false,
            success: function(res){
                if(res.status!==0){
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
                getPic()
            }
        })

        // $.ajax({
        //     url: "admin/swipers",
        //     type: "post",
        //     data: {
        //         swipers:arr
        //     },
        //     success: function(res){
        //         console.log(res)
        //         if(res.status!==0){
        //             return layer.msg(res.message)
        //         }
        //         // layer.msg(res.message)

        //         // getPic()
        //     }
        // })
    })
})